<div class="right">
    <div ng-if="isResumeSearchPage" class="clearfix">
        <div class="searchCenter">
            <div class="f-content-list clearfix">
                <ui-select style="float:left;" select-model="select.position.model"  select-key="select.position.key" select-value="select.position.value" select-style="select.position.style"></ui-select>
                <input type="text" class="search-input"  ng-model="select.keyWord" placeholder="请输入搜索关键词"/>
                <div class="select-region clearfix"><span style=" display: block; float:left;max-width: 60px;" class="text-overflow" ng-bind="jobInRegionIntension.showValue"></span><img  class="float-img" ng-click="showComponent('jobInRegionIntension')" src="them/images/compImages/add.png" alt=""/></div>
                <region-query  conf-data="jobInRegionIntension" ></region-query>

            </div >
            <div class=" f-content-list clearfix">
                <div class="f-search-list clearfix">
                    <div class="select-region-2"><span>职能类别</span><img  class="float-img" ng-click="showComponent('jobInJobConf')"  src="them/images/compImages/add.png" alt=""/></div>
                    <input type="text" ng-model="jobInJobConf.showValue"  class="search-input-small"/>
                    <job-query conf-data="jobInJobConf" ></job-query>
                </div>
                <div class="f-search-list clearfix">
                    <div style="float:right">
                    <div class="select-region-2"><span>行业类别</span><img  class="float-img" ng-click="showComponent('jobInIndustryConf')"  src="them/images/compImages/add.png" alt=""/></div>
                    <input type="text" ng-model="jobInIndustryConf.showValue" class="search-input-small"/>
                        <industry-query conf-data="jobInIndustryConf" ></industry-query>
                    </div>
                </div>
            </div>
            <div class=" f-content-list clearfix">
                <div class="f-search-list clearfix">
                    <div class="f-search-label"><span>公司性质:</span></div>
                    <ui-select select-model="select.companyNature.model" select-key="select.companyNature.key" select-value="select.companyNature.value" select-style="select.companyNature.style" ></ui-select>
                </div>
                <div class="f-search-list clearfix">
                    <div style="float:right">
                        <div class="f-search-label"><span>工作年限:</span></div>
                        <ui-select select-model="select.workYear.model" select-key="select.workYear.key" select-value="select.workYear.value" select-style="select.workYear.style" ></ui-select>
                    </div>
                </div>
            </div>
            <div class=" f-content-list clearfix">
                <div class="f-search-list clearfix">
                    <div class="f-search-label"><span>薪资范围:</span></div>
                    <ui-select select-model="select.payScope.model" select-key="select.payScope.key"  select-value="select.payScope.value" select-style="select.payScope.style" ></ui-select>
                </div>
                <div class="f-search-list clearfix">
                    <div style="float:right">
                        <div class="f-search-label"><span>公司规模:</span></div>
                        <ui-select select-model="select.companyScale.model"   select-key="select.companyScale.key" select-value="select.companyScale.value" select-style="select.companyScale.style" ></ui-select>
                    </div>
                </div>
            </div>
            <div class=" f-content-list clearfix">
                <div class="f-search-list clearfix">
                    <div class="f-search-label"><span>学历要求:</span></div>
                    <ui-select select-model="select.educational.model"  select-key="select.educational.key" select-value="select.educational.value" select-style="select.educational.style" ></ui-select>
                </div>
                <div class="f-search-list clearfix">
                    <div style="float:right">
                        <div class="f-search-label"><span>工作性质:</span></div>
                        <ui-select select-model="select.workingStyle.model"  select-key="select.workingStyle.key" select-value="select.workingStyle.value" select-style="select.workingStyle.style" ></ui-select>
                    </div>
                </div>
            </div>
            <div class=" f-content-list clearfix">
                <div class="f-search-list clearfix">
                    <a class="f-resume-search-btn" ng-click="search()"></a>
                    <!--<input type="checkbox" style="margin-top:10px;" ng-model="isSaveSearchOptions"  />-->
                    <!--<a >保存搜索条件</a>-->
                </div>
            </div>
        </div>
        <div class="searchHoter">
            <p class="f-searchHoter-header">热门搜索</p>
            <div class="f-searchHoter-content clearfix">
                <a class="f-searchHoter-item text-overflow" ng-click="changeKeyWord(item)" ng-style="item.name == select.keyWord?{color:'#fff',background:'#00AAFE'}:''" ng-repeat="item in keyWord" ng-bind="item.name"></a>
            </div>
        </div>
</div>
    <div ng-if="isResumeDetailPage" class="clearfix" >
        <div ng-include="'app/business/myResume/templates/jobSearchBox.html'"></div>
        <div ng-if="isResumeSearchListPage">
            <div ng-include="'app/business/myResume/templates/jobSearchList.html'"></div>
        </div>
    </div>

    <!--<div class="f-comment-container" id="commentNumber">-->
        <!--<div class="f-usercomment-container" >-->
            <!--<div ui&#45;&#45;evaluate  comment-conf="commentConf"></div>-->
        <!--</div>-->
    <!--</div>-->
<style>
    .right{
        width: 978px;
        float: left;
        padding-left: 20px;
    }
    .searchCenter{
        float: left;
        background:#fff;
        width:560px;
        height:320px;
        padding:20px 45px 30px 45px;
        border:1px solid #ddd;
    }
    .search-input{
        display: block;
        float: left;
        width: 355px;
        padding-left: 5px;
        height: 28px;
        border: 1px solid #ddd;
        border-left: 0px solid;
    }
    .search-input-small{
        display: block;
        float: left;
        width: 150px;
        padding-left: 5px;
        height: 28px;
        border: 1px solid #ddd;
        border-left: 0px solid;
    }
    .select-region{
        display: block;
        float: left;
        width: 100px;
        height: 28px;
        border: 1px solid #ddd;
        border-left:0px solid ;
        padding-left: 15px;
        line-height: 28px;
        text-align : center;
        /*background: url("them/images/compImages/add.png") 50px 6px no-repeat;*/
        background-color: #F5F5F3;
    }
    .select-region-2{
        float: left;
        height: 28px;
        border: 1px solid #ddd;
        padding-left: 5px;
        line-height: 28px;
        width: 75px;
        /*background: url(them/images/compImages/add.png) 50px 6px no-repeat;*/
        background-color: #F5F5F3;
    }
    .float-img{
        float: right;
        margin-right: 5px;
        margin-top: 5px;
        cursor: pointer;
        width: 14px;
        height: 14px;
    }
    /*输入框样式定义*/
    .f-search-list{
        float: left;
        width: 50%;
    }
    .f-content-list{
        margin-bottom: 20px;
    }
    .f-search-label{
        width: 80px;
        float: left;
        line-height: 30px;
        color: #666460;
    }
    .f-resume-search-btn{
        display: block;
        /*margin-right: 20px;*/
        float: left;
        width: 95px;
        height: 30px;
        background: url(them/images/compImages/search-btn.png);
    }
    /*热门搜索*/
    .searchHoter{
        float: left;
        margin-left: 20px;
        width: 304px;
        background: #fff;
        border: 1px solid #ddd;
        height: 230px;
    }
    .f-searchHoter-header{
        height: 50px;
        font-size: 16px;
        line-height: 50px;
        padding-left: 40px;
        background: url(them/images/compImages/hot-search-logo.png)12px 16px no-repeat;
        border-bottom: 1px solid #ddd;
    }
    .f-searchHoter-content{
        padding:20px 15px 30px 15px;
    }
    .f-searchHoter-item{
        display: block;
        float: left;
        border: 1px solid #ddd;
        color: #00AAFE;
        margin-right: 20px;
        margin-bottom: 10px;
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 30px;
        max-width: 100px;
    }
</style>